#app {
	font-family: 'Avenir', Helvetica, Arial, sans-serif;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	// text-align: center;
	color: #333;
	height: 100%;
	overflow: hidden;
}
*{
	box-sizing: border-box;
}
ul li {
	list-style: none;
}
body,
html {
	height: 100%;
}
input::-webkit-input-placeholder {
	color: #999;
}
a {
	color: inherit;
	text-decoration: none;
}
.common {
	&-cell {
		border-bottom: 1px solid rgba(0, 0, 0, 0.15);
		margin: 0 0.35rem;
		padding: 0.35rem 0.15rem;
		&:active {
			background: #f5f5f5;
		}
	}
	&-line {
		border-top: 0.2rem solid #efefef;
	}
	&-arrow {
		width: 0.13rem;
		height: 0.24rem;
	}
}
.fw-b {
	font-weight: bold;
}
.fw-n {
	font-weight: normal;
}
.col {
	&-fff {
		color: #fff;
	}
	&-666 {
		color: #666;
	}
	&-888 {
		color: #888;
	}
	&-999 {
		color: #999;
	}
	&-aaa {
		color: #aaa;
	}
	&-fe3a48 {
		color: #fe3a48;
	}
	&-f9a832 {
		color: #f9a832;
	}
	&-2ca0e8 {
		color: #2ca0e8;
	}
}
.text-c {
	text-align: center;
}
.f42 {
	font-size: 0.42rem;
}
.f40 {
	font-size: 0.4rem;
}
.f36 {
	font-size: 0.36rem;
}
.f34 {
	font-size: 0.34rem;
}
.f32 {
	font-size: 0.32rem;
}
.f30 {
	font-size: 0.3rem;
}
.f28 {
	font-size: 0.28rem;
}
.f26 {
	font-size: 0.26rem;
}
.f24 {
	font-size: 0.24rem;
}
.f22 {
	font-size: 0.22rem;
}
.f20 {
	font-size: 0.2rem;
}
.f18 {
	font-size: 0.18rem;
}
button,
input {
	border: 0;
	outline: none;
}
.f {
	&-view {
		display: flex;
	}
	&-column {
		@flex();
		flex-direction: column;
	}
	&-jus-start {
		@flex();
		justify-content: flex-start;
	}
	&-jus-end {
		@flex();
		justify-content: flex-end;
	}
	&-jus-center {
		@flex();
		justify-content: center;
	}
	&-jus-between {
		@flex();
		justify-content: space-between;
	}
	&-jus-around {
		@flex();
		justify-content: space-around;
	}
	&-items-start {
		@flex();
		align-items: flex-start;
	}
	&-items-end {
		@flex();
		align-items: flex-end;
	}
	&-items-center {
		@flex();
		align-items: center;
	}
	&-items-between {
		@flex();
		align-items: space-between;
	}
	&-items-around {
		@flex();
		align-items: space-around;
	}
	&-1 {
		flex: 1;
	}
	@flex: {
		display: flex;
	};
}
